<!DOCTYPE html>
<html>
  
<head>
    <meta charset="UTF-8">
    <title>小鱼ADMIN</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/public/static/css/font.css">
    <link rel="stylesheet" href="/public/static/css/bgadmin.css">
    <script type="text/javascript" src="/public/static/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="/public/static/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/public/static/js/bgadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
  .layui-input{height:30px;}
  .layui-form-label{line-height: 16px;}
  .layui-btn-gray{background-color:#c2c2c2;}
  .layui-form-label{ width: 110px; }

  </style>

</head>
<body>
    <div class="bg-body">
        <div class="layui-row">
            <div class="layui-form-item">
              {if condition="($username eq 'admin') OR ($priv['transf'] eq 'Y')"}
              <div class="layui-inline">
              <button class="layui-btn layui-btn-small" onclick="transferCustomer();"><i class="layui-icon">&#xe641;</i>转交客户资料</button>
              </div>
              {/if}
              <!-- <a class="layui-btn layui-btn-warm layui-btn-small" id="first_order" onclick="memberSearch('first');" style="margin-bottom: 10px;"><i class="iconfont1">&#xe69e; </i>首单客户</a>
              <a class="layui-btn layui-btn-gray layui-btn-small" id="two_times" onclick="memberSearch('second');" style="margin-bottom: 10px;"><i class="iconfont1">&#xe69e; </i>二次待开发</a>
              <a class="layui-btn layui-btn-gray layui-btn-small" id="member_customers" onclick="memberSearch('vip');" style="margin-bottom: 10px;"><i class="iconfont1">&#xe69e; </i>会员客户</a> -->
              <a class="layui-btn layui-btn-primary layui-btn-small" id="height_search" onclick="heightSearch();" style="margin-bottom: 10px;">高级搜索</a>
                  
              <form class="layui-form layui-form-pane" style="display: inline-block; margin-left: 5px;">
                  <div class="layui-inline" style="margin-bottom: 10px;">
                    <div class="layui-input-inline">
                      <select name="groups" id="groups" lay-filter="groups" autocomplete="off" class="layui-input">
                          <option value="" selected>全部分组</option>
                          {volist name="arrGroups" id="vo"}
                          <option value="{$vo.id}">{$vo.group_name}</option>
                          {/volist}
                      </select>
                    </div>
                  </div>
              </form>

            </div>
        </div>
        <div class="layui-row">
          <form class="layui-form ">
            <div class="layui-form-item high-ranking" style="display:none;margin-bottom:0px;">
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('name')">客户姓名：</label>
                <div class="layui-input-inline">
                  <input type="text" name="name" lay-verify="" id="name" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('phone')">手机：</label>
                <div class="layui-input-inline">
                  <input type="text" name="phone" id= "phone" lay-verify="" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('customer_code')">客户编码：</label>
                <div class="layui-input-inline">
                  <input type="text" name="customer_code" id= "customer_code" lay-verify="" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('import_mark')">导入标记：</label>
                <div class="layui-input-inline">
                  <input type="text" name="import_mark" id= "import_mark" lay-verify="" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('start_createtime')">创建时间从：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" id="start_createtime">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('end_createtime')">到：</label>
                <div class="layui-input-inline">
                  <input type="text" class="layui-input" id="end_createtime">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('integral');clearInput ('integral2');">客户积分：</label>
                <div class="layui-input-inline">
                  <input type="hidden" name="integral" id="integral">
                  <input type="text" name="integral2" id= "integral2" lay-verify="" readonly onclick="bg_admin_show('选择条件','/index.php/crm/Customer/searchNum.html?id=integral',750,500)" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('member_level')">会员等级：</label>
                <div class="layui-input-inline">
                  <!--<input type="text" name="create_user" id= "create_user_id" lay-verify="" autocomplete="off" class="layui-input">-->
                  <select name="member_level" id="member_level" lay-verify="" autocomplete="off" class="layui-input" lay-search="">
                      <option value="">请选择</option>  <!--请选择-->
                      {volist name="member" id="vo"}
                      <option value="{$vo.groups}">{$vo.member_level}</option>
                      {/volist}
                  </select>
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('last_call_time');clearInput ('last_call_time2')">回访间隔：</label>
                <div class="layui-input-inline">
                  <input type="hidden" name="last_call_time" id="last_call_time">
                  <input type="text" name="last_call_time2" id= "last_call_time2" lay-verify="" onclick="bg_admin_show('选择条件','/index.php/crm/Customer/searchNum.html?id=last_call_time',750,500)" readonly autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('last_order_time');clearInput ('last_order_time2')">下单间隔：</label>
                <div class="layui-input-inline">
                  <input type="hidden" name="last_order_time" id="last_order_time">
                  <input type="text" name="last_order_time2" id= "last_order_time2" lay-verify="" onclick="bg_admin_show('选择条件','/index.php/crm/Customer/searchNum.html?id=last_order_time',750,500)" readonly  autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('order_num');clearInput ('order_num2');">开单次数：</label>
                <div class="layui-input-inline">
                  <input type="hidden" name="order_num" id= "order_num" >
                  <input type="text" name="order_num2" id= "order_num2" lay-verify="" onclick="bg_admin_show('选择条件','/index.php/crm/Customer/searchNum.html?id=order_num',750,500)" readonly  autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('sign_num');clearInput ('sign_num2');">签收次数：</label>
                <div class="layui-input-inline">
                  <input type="hidden" name="sign_num" id= "sign_num" >
                  <input type="text" name="sign_num2" id= "sign_num2" lay-verify="" onclick="bg_admin_show('选择条件','/index.php/crm/Customer/searchNum.html?id=sign_num',750,500)" readonly  autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('age')">年龄：</label>
                <div class="layui-input-inline">
                  <input type="hidden" name="age" id="age">
                  <input type="text" name="age2" id= "age2" lay-verify="" autocomplete="off" onclick="bg_admin_show('选择条件','/index.php/crm/Customer/searchNum.html?id=age',750,500)" readonly  class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('sex')">性别：</label>
                <div class="layui-input-inline">
                  <select name="sex" id="sex" lay-verify="" autocomplete="off" class="layui-input" lay-search="">
                      <option value="">请选择</option>  <!--请选择-->
                      <option value="1">男</option>  <!--请选择-->
                      <option value="2">女</option>  <!--请选择-->
                  </select>
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label" onclick="clearInput ('id_card')">身份证：</label>
                <div class="layui-input-inline">
                  <input type="text" name="id_card" id= "id_card" lay-verify="" autocomplete="off" class="layui-input">
                </div>
              </div>
              <a class="layui-btn layui-btn-small"  style="margin-bottom: 10px;" id="search"  lay-submit="" lay-filter="search"><i class="layui-icon" >&#xe615;</i></a>
              {if condition="($username eq 'admin') OR ($priv['export'] eq 'Y')"}
              <a class="layui-btn layui-btn-small"  style="margin-bottom: 10px;" id="export"  lay-submit="" lay-filter="export"><i class="layui-icon" >导出</i></a>
              {/if}
              {if condition="($username eq 'admin') OR ($priv['recovery'] eq 'Y')"}
              <a class="layui-btn layui-btn-small"  style="margin-bottom: 10px;" id="recovery"  lay-submit="" lay-filter="recovery"><i class="layui-icon" >回收</i></a>
              {/if}
            </div>
          </form>
        </div>

        <table class="layui-table" lay-data="{id: 'customer_code', height:'full-120', url:'/index.php/crm/Servicecustomer/customerDataList', where:{customer_type:'{$customer_type}',customer_time:'{$customer_time}'}, page:true, limit:10, limits:[10,20,30,50]}" lay-filter="demo">
          <thead>
          <tr>
            <th lay-data="{checkbox:true, fixed: true}"></th>
            <th lay-data="{field:'name', width:100, align:'center', fixed: 'left'}">会员姓名</th>
            <th lay-data="{field:'create_name', width:100, align:'center', fixed: 'left'}">创建人</th>
            <th lay-data="{field:'customer_code', align:'center', width:180,fixed: 'left'}">会员编码</th>
            <th lay-data="{field:'create_user', width:100, align:'center'}">创建工号</th>
            <th lay-data="{field:'customer_type', width:120, align:'center'}">会员类型</th>
            {if condition="($username eq 'admin') OR ($priv['display_phone'] eq 'Y')"}
            <th lay-data="{field:'phone', width:120, align:'center'}">客户手机</th>
            <th lay-data="{field:'telephone', width:120, align:'center'}">客户电话</th>
            {/if}
            <th lay-data="{field:'integral', width:100, align:'center'}">积分</th>
            <th lay-data="{field:'member_level', width:100, align:'center'}">会员等级</th>
            <th lay-data="{field:'task_id', width:100, align:'center'}">回访任务</th>
            <th lay-data="{field:'data_task', width:100, align:'center'}">数据任务</th>
            <th lay-data="{field:'last_call_time', width:150, align:'center'}">最后回访时间</th>
            <th lay-data="{field:'last_order_time', width:150, align:'center'}">最后下单时间</th>
            <th lay-data="{field:'order_num', width:100, align:'center'}">开单次数</th>
            <th lay-data="{field:'sign_num', width:100, align:'center'}">签收次数</th>
            <th lay-data="{field:'age', width:100, align:'center'}">年龄</th>
            <th lay-data="{field:'sex', width:100, align:'center'}">性别</th>
            <th lay-data="{field:'id_card', width:150, align:'center'}">身份证</th>
            <th lay-data="{field:'createtime', width:150, align:'center'}">创建时间</th>
            <th lay-data="{fixed: 'right', width:120, align:'center', toolbar: '#barDemo'}">操作</th>
          </tr>
          </thead>
        </table>
         
        <script type="text/html" id="barDemo">
          {if condition="($username eq 'admin') OR ($priv['edit'] eq 'Y')"}
          <a class="layui-btn layui-btn-normal layui-btn-mini" lay-event="edit">编辑</a>
          {/if}
        </script>
    </div>

</body>
<!-- <script type="text/javascript" src="/public/static/crm/js/servicecustomer/customerList.js"></script> -->
<script>
    var customer_type = 'first';

    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#start_createtime',
            type : 'datetime'
        });

        laydate.render({
            elem: '#end_createtime',
            type : 'datetime'
        });
    });
    
    layui.use(['form','table'], function(){
        var form = layui.form;
        var table = layui.table;
        form.on('select(groups)', function(data){
            // alert(JSON.stringify(data.value))
            var name = $("#name").val();
            var phone = $("#phone").val();
            var import_mark = $("#import_mark").val();
            var dept_id = $("#dept_id").val();
            var start_createtime = $("#start_createtime").val();
            var end_createtime = $("#end_createtime").val();
            var customer_code = $("#customer_code").val();
            var integral = $("#integral").val();
            var member_level = $("#member_level").val();
            var last_call_time = $("#last_call_time").val();
            var last_order_time = $("#last_order_time").val();
            var order_num = $("#order_num").val();
            var sign_num = $("#sign_num").val();
            var age = $("#age").val();
            var sex = $("#sex").val();
            var id_card = $("#id_card").val();
            table.reload('customer_code', {
                url: 'customerDataList',
                where: {
                    groups : data.value,
                    name : name,
                    phone : phone,
                    import_mark : import_mark,
                    dept_id : dept_id,
                    start_createtime : start_createtime,
                    end_createtime : end_createtime,
                    customer_code : customer_code,
                    customer_type : customer_type,
                    integral : integral,
                    member_level : member_level,
                    last_call_time : last_call_time,
                    last_order_time : last_order_time,
                    order_num : order_num,
                    sign_num : sign_num,
                    age : age,
                    sex : sex,
                    id_card : id_card,
                } //设定异步数据接口的额外参数
            });
        }); 
        
    });

    $(document).on('dblclick', '.layui-table>tbody>tr', function (){
        var customer_code = $(this).children('td:eq(3)').text();
        var customer_name = $(this).children('td:eq(1)').text();
        bg_full_show('编辑&nbsp;'+customer_name+'&nbsp;的资料','editCustomer?customer_code='+customer_code)
    })

    layui.use('table', function(){
        var table = layui.table;
        //监听表格复选框选择
        table.on('checkbox(demo)', function(obj){
            // console.log(obj)
        });
        //监听工具条
        table.on('tool(demo)', function(obj){
            var data = obj.data;
            // alert(JSON.stringify(data));
            if(obj.event === 'edit'){
                bg_full_show('编辑&nbsp;'+data.name+'&nbsp;的资料','editCustomer?customer_code='+data.customer_code)
            }
        });

        //重载数据表
        $('#search').click(function(){
            // location.replace(location.href);
            var name = $("#name").val();
            var phone = $("#phone").val();
            var import_mark = $("#import_mark").val();
            var dept_id = $("#dept_id").val();
            var start_createtime = $("#start_createtime").val();
            var end_createtime = $("#end_createtime").val();
            var customer_code = $("#customer_code").val();
            var integral = $("#integral").val();
            var member_level = $("#member_level").val();
            var last_call_time = $("#last_call_time").val();
            var last_order_time = $("#last_order_time").val();
            var order_num = $("#order_num").val();
            var sign_num = $("#sign_num").val();
            var age = $("#age").val();
            var sex = $("#sex").val();
            var id_card = $("#id_card").val();
            table.reload('customer_code', {
                url: 'customerDataList',
                where: {
                    name : name,
                    phone : phone,
                    import_mark : import_mark,
                    dept_id : dept_id,
                    start_createtime : start_createtime,
                    end_createtime : end_createtime,
                    customer_code : customer_code,
                    customer_type : customer_type,

                    integral : integral,
                    member_level : member_level,
                    last_call_time : last_call_time,
                    last_order_time : last_order_time,
                    order_num : order_num,
                    sign_num : sign_num,
                    age : age,
                    sex : sex,
                    id_card : id_card,
                } //设定异步数据接口的额外参数
            });
        });
    });


    /**
     * 转交客户资料资料
     */
    function transferCustomer () {
        layui.use('table', function(){
            var table = layui.table;
            var checkStatus = table.checkStatus('customer_code');
            if (checkStatus.data.length < 1) {
                layer.alert('请选择需要被转交的客户', {icon: 5}, function(index){
                    layer.close(index);
                });
                return false;
            }
            var customer_codes = '';
            for (var i = 0; i < checkStatus.data.length; i++) {
                customer_codes += checkStatus.data[i].customer_code+'|';
            }
            bg_admin_show('转交客户资料','./transferCustomer.html?customer_code='+customer_codes,600,300)
        });
    }

    function heightSearch(){
        //alert("zzzzz");
        if($(".high-ranking").is(":visible")){ //如果内容可见
            $(".high-ranking").css("display","none");
        }else{
            $(".high-ranking").css("display","block");
        }
        
        if($("#height_search").text() == "高级搜索"){  //高级
            $("#height_search").text("简化搜索");  //简化
        }else{
            $("#height_search").text("高级搜索"); //高级
        }
    }


    function memberSearch(type){
        if(type=='first'){
            $("#first_order").removeClass("layui-btn-gray").addClass('layui-btn-warm');
            $("#two_times").removeClass("layui-btn-warm").addClass('layui-btn-gray');
            $("#member_customers").removeClass("layui-btn-warm").addClass('layui-btn-gray');
        }else if(type=='second'){
            $("#two_times").removeClass("layui-btn-gray").addClass('layui-btn-warm');
            $("#first_order").removeClass("layui-btn-warm").addClass('layui-btn-gray');
            $("#member_customers").removeClass("layui-btn-warm").addClass('layui-btn-gray');
        }else if(type=='vip'){
            $("#member_customers").removeClass("layui-btn-gray").addClass('layui-btn-warm');
            $("#two_times").removeClass("layui-btn-warm").addClass('layui-btn-gray');
            $("#first_order").removeClass("layui-btn-warm").addClass('layui-btn-gray');
        }
        // alert(customer_type);
        customer_type = type;
        typeSearch(type);
    }


    function clearInput (id) {
        $('#'+id).val('');
    }


    function addSearchNum (id, num, num2) {
        $('#'+id).val(num);
        if (num2) {
            $('#'+id+'2').val(num2);
        }
    }


    function typeSearch (type, time) {
        layui.use('table', function(){
            var table = layui.table;
            table.reload('customer_code', {
                url: 'customerDataList',
                where: {
                    customer_type : type,
                    customer_time : time,
                } //设定异步数据接口的额外参数
            });
        });
    }
</script>
</html>